<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>盒子模型</title>
		<style>
			.boxl{
				width: 200px;
				height: 300px;
				/*border-style:solid	边框样式；
				border-width: 1px; 		边框粗细；
				border-color: green;	边框颜色
				复合写法border:粗细 颜色 样式*/
				border: 1px red solid;
				/*内边距padding:内容到边框的距离*/
				/*padding-top: 10px;上内边距*/
				/*padding-bottom: 20px;下内边距*/
				/*padding-left: 30px;左内边距*/
				/*padding-right: 40px;右内边距*/
				/*复合写法padding:大小值*/
				padding: 10px 20px 30px;
				padding: 10px 20px;
				padding: 10px;
			}
		</style>
	</head>
	<body>
		<!--4个要素：内容content，内边距：padding，边框border，外边距margin-->
		<div class="boxl">
			hello world
		</div>
	</body>
</html>
